<%#*Encoding.default-internal = "UTF-8";%>
<%= javascript_include_tag "application" %>


<%= form_for @request_and_complaint_complaint, :html => { :multipart => true,:onsubmit => "return validate(this);" }  do |f| %>

  <% if @request_and_complaint_complaint.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@request_and_complaint_complaint.errors.count, "error") %> prohibited this request_and_complaint_complaint from being saved:</h2>

      <ul>
        <% @request_and_complaint_complaint.errors.full_messages.each do |msg| %>
          <li><%= msg %></li>
        <% end %>
      </ul>
    </div>
  <% end %>
 <br />
 <div class="shadow">
 <fieldset id="agrupacion" >

    <legend>Datos de Usuario </legend>

    <fieldset class="column-right" >

 <div class="field">
   <label>Nombre (*)</label><br />
    <%= f.text_field :name %>
  </div>

    <div class="field">
    <label>DNI (*)</label><br />
    <%= f.text_field :dni %>
  </div>
       </fieldset>
<fieldset class="column-left">

    <div class="field">
    <label>E-Mail (*)</label><br />
    <%= f.text_field :email %>

  </div><div class="field">
    <label>Telefono</label><br />
    <%= f.text_field :phone %>
  </div>
 </fieldset>
  </fieldset>

 <fieldset id="agrupacion" >
    <legend>Datos de Denuncia </legend>
<fieldset class="column-left" >
  <div class="field">
    <p><label>Tipo de Denuncia (*)</label> <br /><%= f.select :complaint_type,@complaint_types.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"} %> </p>
  </div>

  <div class="field">
    <label>Descripción (*)</label><br />
    <%= f.text_area :description %>
  </div>

    <div class="field">
    <p><label>Departamento</label><br /><%= f.select :department,@departments.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"} %> </p>
  </div>

   <div class="field">
    <label>Imagen</label><br />
    <%= f.file_field :avatar %>
  </div>

  </fieldset>
    <fieldset class="column-right">
  <div id="provinces">
    <%= render :partial=>"provinces" %>
  </div>


  <div class="field">
     <label>Dirección (*)</label><br />
    <%= f.text_area :address %>
  </div>
 </fieldset>
 

  </fieldset>

  <div class="actions">
    <%= f.submit "Enviar" %>
  </div>
</div>
<% end %>

 <script type="text/javascript">
  // form validation function //
  function validate(form) {
    var email = form.request_and_complaint_complaint_email.value;
    var name = form.request_and_complaint_complaint_name.value;
    var fono = form.request_and_complaint_complaint_phone.value;
    var dni = form.request_and_complaint_complaint_dni.value;
    var description = form.request_and_complaint_complaint_description.value;
    var depar = form.request_and_complaint_complaint_department.value;
    var dire = form.request_and_complaint_complaint_address.value;

     if(email == "") {
       inlineMsg('request_and_complaint_complaint_email','Debe ingresar un email para la denuncia.',3);
       return false;
     }
     if(!email.match(emailRegex)) {
        inlineMsg('request_and_complaint_complaint_email','Debe ingresar un email con el formato válido.',3);
        return false;
    }
    if(name == "") {
      inlineMsg('request_and_complaint_complaint_name','Debe ingresar un nombre para la persona denunciante.',3);
      return false;
    }

    if(fono == "") {
      inlineMsg('request_and_complaint_complaint_phone','Debe ingresar un telefono para la persona denunciante.',3);
      return false;
    }

    if (fono.toString().length >0) {
      if(!fono.match(phoneRegex)) {
        inlineMsg('request_and_complaint_complaint_phone','Debe ingresar un telefono con el formato válido.',3);
        return false;
      }
    }

    if(dni == "") {
      inlineMsg('request_and_complaint_complaint_dni','Debe ingresar un DNI para la persona denunciante.',3);
      return false;
    }

    if(description == "") {
      inlineMsg('request_and_complaint_complaint_description','Debe ingresar una descripcion para la denuncia.',3);
      return false;
    }

    if(dire == "") {
      inlineMsg('request_and_complaint_complaint_address','Debe ingresar una direccion para la denuncia.',3);
      return false;
    }

  }
 </script>
